<template>
	<view>
		<view class="headtop"></view>
		<view class="headtitle flexbetween">
			<u-icon name="arrow-left" color="#333" size="26" @click="backpage"></u-icon>
			<view class="sanshier flexcenter fonweight xiaohei">八字测算</view>
			<view class="" style="width: 40rpx;"></view>
		</view>
		<view class="" style="position: fixed;top: 150rpx;width: 100%;z-index: 3;">
			<view class="mainpadding">
				<view class="mainpadding ffffff radius">
					<view class="xiaohei sanshier fonweight">数字</view>
					<view class="borderinput margin_top radius mainpadding2s flexbetween">
						<input type="number" placeholder="请输入任意数字"v-model="num">
						<u-icon name="arrow-right" color="#938F90" ></u-icon>
					</view>
				</view>
				
			</view>
		</view>
		<view class="gudingdb mainpadding">
			<view class="bigbtn" @click="submit">立即测算</view>
		</view>
		
		
	</view>
</template>

<script>
	const httpRequest = require("@/common/httpRequest.js")
	export default {
		data() {
			return {
				num:""
			}
		},
		onLoad() {
		
		},
		methods: {
			submit(){
				if(this.num==""){
					httpRequest.toast("请输入数字")
					return false
				}
				uni.navigateTo({
					url:"/pages/index/shuzicjxcs?num="+this.num
				})
			},
		}
	}
</script>

<style lang="scss">
	.headtop{
		background-image: url("@/static/system/suangua.png");
		background-size: 100% 100%;
		width: 100%;
		height: 350rpx;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 2;
	}
	.headtitle{
		position: fixed;
		top: 0;
		right: 0;
		z-index: 3;
		width: 100%;
		height: 150rpx;
		padding: 0 40rpx;
		box-sizing: border-box;
	}
</style>
